/** CSS变量
 * 
 */
:root {
  font-size: $root-font-size;
  --blue: #{$blue};
  --red: #{$red};
  --green: #{$green};
  --gray: #{$gray};
  --yellow: #{$yellow};
  --pink: #{$pink};
  --orange: #{$orange};
  --indigo: #{$indigo};
  --purple: #{$purple};
  --teal: #{$teal};
  --cyan: #{$cyan};
  --cf: #{$cf};
  --cc: #{$cc};
  --c3: #{$c3};
  --c6: #{$c6};
  --c9: #{$c9};
  --c0: #{$c0};
  .-light,
  &.-light {
    $card-bg: $cf;

    --theme-color: var(--green);
    --page-bg: #f8f8f8;
    --card-bg: #{$card-bg};
    --head-nav-bg: #{rgba($card-bg, 0.9)}; // 半透明度背景
    --text-color-main: var(--c3);
    --text-color-title: var(--c3);
    --text-color-subtitle: var(--c3);
    color: var(--text-color-main);
  }
  .-dark,
  &.-dark {
    $card-bg: #242424;

    --theme-color: #409eff;
    --page-bg: #1a1a1a;
    --card-bg: #{$card-bg};
    --head-nav-bg: #{rgba($card-bg, 0.9)}; // 半透明度背景
    --text-color-main: #ebebeb;
    --text-color-title: #cfd3dc;
    --text-color-subtitle: #ebebeb;
    color: var(--text-color-main);
  }
}
